<template>
  <div class="common-layout">
    <el-container>
      <el-header>
        <!-- 1.顶部区域添加标题 -->
        <h1 style="background-color: #0aa1ed;">后台管理系统</h1>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <!--2.侧边栏添加菜单-->
          <el-menu router>
            <el-menu-item index="/admin/user">用户管理</el-menu-item>
            <el-menu-item index="/admin/banner">轮播图管理</el-menu-item>
            <el-menu-item index="/admin/product">商品管理</el-menu-item>
          </el-menu>
        </el-aside>
        <el-main>
          <!--3.右侧主体内容是可变区域-->
          <router-view/>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script setup></script>

<style scoped></style>